/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

   .common{
     background: #323045;
    line-height: 60px;
    text-align: center;
    width: 100%;
    margin: 0px;

   }
   .header_l a 
   {
   	display: inline-block;
   	float:inherit;
   }
   .header_l {
    text-align: center;
}



}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .common{
    background: #323038; 
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin: 0px;
    float: right;
    width: 100%;


   }
   .header_l
   {
   	display: none
   }
   .meun
   {
    	float: left;
   	  line-height: 60px;
   	  width: 100px;
   	  text-align: center;
   	  color: #fff;
   	  display: block;

   }
   .iPhone 
   {
   	 display: none;
   	 position: absolute;
   	 top: 60px;
   	 width: 250px;
     z-index: 2999;
   }

   .iPhone a 
   {
   	display: block;
   	width: 100%;
    background: #323038;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-align: center;
   color: #fff;
   }
   .iPhone a:hover
   {
    background: #fff;
    color: #323038;
   }
   



}